.dept-contract-list {
  &__body {
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  &__header {
    display: flex;
    align-items: center;
  }

  &__title {
    flex: 1;
  }

  &__more {
    cursor: pointer;
    color: #999;

    &:hover,
    &:focus {
      color: var(--Black8);
    }
  }

  .dept-contract-table {
    color: #313131;
    text-align: center;

    &__header {
      display: flex;
      align-items: center;
      background-color: #f0f2f5;
      border-radius: 4px;
    }

    &__header-item {
      padding: 10px 0;
    }

    &__body {
      flex: 1;
      overflow: auto;
      padding: 0;
      margin: 0;
    }

    &__item {
      padding: 10px 0;
      display: flex;
      align-items: center;

      &:nth-child(2n + 2) {
        background-color: #f4f6f8;
        border-radius: 4px;
      }
    }

    &__no-data {
      justify-content: center;
      color: #999;
    }
  }
}
